﻿$dt.home = function () {
    var flippedEls = [];
    this.hideShowcaseFooters = function () {
        $('div.showcase-footer').hide();
    }
    this.flipEffect = function (p, id) {
        updateFlipped(id, p.clone(true));
        try {
            p.flippy({
                content: $(id),
                duration: 750,
                //color_target: '#B6D635'
                color_target: '#FFFFFF'
            });
        }
        catch (e) {
            $(p).fadeOut('slide', function () {
                var t = $(id);
                $(this).replaceWith(t);
                t.css('background-color', '#B6D635').show();
            });
        }
    }
    updateFlipped = function (id, el) {
        var indexof = hasId(id);
        if (indexof > -1) {
            flippedEls[indexof].el = el;
        }
        else {
            flippedEls.push({ id: id, el: el });
        }
    }
    this.getFlippedEl = function (id) {
        for (var i = 0; i < flippedEls.length; i++) {
            if (flippedEls[i].id == id) return flippedEls[i].el;
        }
        return null;
    }
    hasId = function (id) {
        for (var i = 0; i < flippedEls.length; i++) {
            if (flippedEls[i].id == id) return i;
        }
        return -1;
    }
}
$(document).ready(function () {
    var home = new $dt.home();
    home.hideShowcaseFooters();
    $('div.showcase,div.showcase-wide').hover(function () {
        $(this).find('div.showcase-footer').slideDown();
    }, function () {
        $(this).find('div.showcase-footer').slideUp();
    });
    $('div.showcase-footer').click(function () {
        var p = $(this).parent('div');
        if (p.hasClass('orange')) {
            home.flipEffect(p, '#programming-flip');
        }
        if (p.hasClass('pink')) {
            home.flipEffect(p, '#interview-flip');
        }
        if (p.hasClass('red')) {
            home.flipEffect(p, '#subject-flip');
        }
        if (p.hasClass('sky')) {
            home.flipEffect(p, '#project-flip');
        }
    });
    $('div.prog-small-icon').live('click', function () {
        var id = '#programming-flip';
        var el = home.getFlippedEl(id);
        $('div.orange').fadeOut(function () {
            $(this).replaceWith(home.getFlippedEl(id));
        });
    });
    $('div.interview-small-icon').live('click', function () {
        var id = '#interview-flip';
        var el = home.getFlippedEl(id);
        $('div.pink').fadeOut(function () {
            $(this).replaceWith(home.getFlippedEl(id));
        });
    });
    $('div.subject-small-icon').live('click', function () {
        var id = '#subject-flip';
        var el = home.getFlippedEl(id);
        $('div.red').fadeOut(function () {
            $(this).replaceWith(home.getFlippedEl(id));
        });
    });
    $('div.project-small-icon').live('click', function () {
        var id = '#project-flip';
        var el = home.getFlippedEl(id);
        $('div.sky').fadeOut(function () {
            $(this).replaceWith(home.getFlippedEl(id));
        });
    });
});